{% extends 'base.html' %}

{% block content %}
<div class="container">
        <!-- Page-Title -->
        <div class="row">
          <div class="col-sm-12">
            <h4 class="page-title">系统首页</h4>
            <p class="text-muted page-title-alt" style="display:inline;">欢迎进入 Noun 发布系统!</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4 col-lg-4">
            <div class="widget-bg-color-icon card-box fadeInDown animated">
              <div class="bg-icon bg-icon-info pull-left"> <i class="md md-today text-info"></i> </div>
              <div class="text-right">
                <h3 class="text-dark"><b class="counter">{{8}}</b></h3>
                <p class="text-muted">全局配置数</p>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="col-md-4 col-lg-4">
            <div class="widget-bg-color-icon card-box">
              <div class="bg-icon bg-icon-pink pull-left"> <i class="md md-done text-pink"></i> </div>
              <div class="text-right">
                <h3 class="text-dark"><b class="counter">{{666}}</b></h3>
                <p class="text-muted">私有配置数</p>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
          <div class="col-md-4 col-lg-4">
            <div class="widget-bg-color-icon card-box">
              <div class="bg-icon bg-icon-purple pull-left"> <i class="md md-done-all text-purple"></i> </div>
              <div class="text-right">
                <h3 class="text-dark"><b class="counter">{{66}}</b></h3>
                <p class="text-muted">项目数</p>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-lg-8">
           <div class="portlet">
              <div class="portlet-heading portlet-default">
                      <h3 class="portlet-title text-dark">
                          发布统计
                      </h3>
                      <div class="clearfix"></div>
                  </div>

              <div class="portlet-body">
                  <table class="table table-striped m-0">
                      <thead>
                          <tr>
                              <th>项目</th>
                              <th>已完成</th>
                              <th>今日总计</th>
                              <th>历史总计</th>
                          </tr>
                      </thead>
                  </table>
              </div>
            </div>
          </div>
          <div class="col-lg-4">
              <div class="portlet">
                  <div class="portlet-heading portlet-default">
                      <h3 class="portlet-title text-dark">
                          用户信息
                      </h3>
                      <div class="clearfix"></div>
                  </div>
                  <div class="portlet-body">
                        <div>
                            <div class="text-left">
                                <table class="table">
                                    <tbody>
                                    <tr>
                                        <td class="text-navy">姓名</td>
                                        <td>王雨</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">工号</td>
                                        <td>1000</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">手机</td>
                                        <td>13387666688</td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">权限组</td>
                                        <td>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td class="text-navy">部门</td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">是否激活</td>
                                            <td class="glyphicon glyphicon-ok"></td>
<!--                                            <td class="glyphicon glyphicon-remove"></td>-->
                                    </tr>
                                    <tr>
                                        <td class="text-navy">创建日期</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td class="text-navy">最后登录</td>
                                        <td></td>
                                    </tr>

                                </tbody></table>
                            </div>
                        </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- end row -->


      </div>


{% endblock %}

